---
type: tutorial
title: Escreva sua primeira linha de Astro
description: |-
  Tutorial: Construa seu primeiro blog Astro —
  Faça suas primeiras mudanças a página inicial do projeto do tutorial
i18nReady: true
---
import Badge from '~/components/Badge.astro';
import Checklist from '~/components/Checklist.astro';
import Box from '~/components/tutorial/Box.astro';
import InstallGuideTabGroup from '~/components/TabGroup/InstallGuideTabGroup.astro';
import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro';
import PreCheck from '~/components/tutorial/PreCheck.astro';



<PreCheck>
  - Fazer sua primeira mudança ao seu novo website
</PreCheck>

## Edite sua página inicial

1. No seu editor de código, navegue no painel Explorador de arquivos para `src/pages/index.astro` e clique nele para abrir os conteúdos do arquivo em uma aba editável.

    Os conteúdos do seu arquivo `index.astro` devem se parecer com isso:

    ```astro title="src/pages/index.astro"
    ---
    ---

    <html lang="en">
      <head>
        <meta charset="utf-8" />
        <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
        <meta name="viewport" content="width=device-width" />
        <meta name="generator" content={Astro.generator} >
        <title>Astro</title>
      </head>
      <body>
        <h1>Astro</h1>
      </body>
    </html>
    ```

2. Edite o conteúdo do `<body>` da sua página.

    Digite no editor para mudar o texto do cabeçalho em sua página para salvar a mudança.

    ```astro title="src/pages/index.astro" del={2} ins={3}
    <body>
      <h1>Astro</h1>
      <h1>Meu Site Astro</h1>
    </body>
    ```

3. Verifique a pré-visualização do navegador, você deve ver o conteúdo da sua página atualizado para o texto novo.

Parabéns! Você agora é um desenvolvedor Astro!

O resto desta unidade irá o preparar para utilizar um sistema de controle de versão e ter um website publicado que você pode compartilhar.



<Box icon="check-list">
## Checklist

<Checklist>
- [ ] Eu posso fazer mudanças e vê-las no navegador.
- [ ] Eu sou um desenvolvedor Astro!
</Checklist>
</Box>
